<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html" %>

<html>
       <f:view>
          <head>
             <title>
                User login
             </title>
          </head>

          <body>
             <h1><h:outputText value="Welcome to Ochnas Volunteer Sign Up Web Site!"/></h1>

             <h:form id="loginForm">
                <h:outputText id="summary"/>
             	<h:message for="summary" style="color: Red" />
             	<h:outputText value="<br/><br/>" escape="false"/>
             
                <h:panelGrid columns="2">
                   <h:outputText value="Email:"/>
                   <h:panelGroup>
                      <h:inputText id="emailAddress" 
                         value="#{loginController.user.emailAddress}"/>
                      <h:message for="emailAddress" style="color: Red"/>
                   </h:panelGroup>
                   <h:outputText value="Password:"/>
                   <h:panelGroup>
                      <h:inputSecret id="password" 
                                value="#{loginController.user.password}"/>
                      <h:message for="password" style="color: Red"/>
                   </h:panelGroup>

					<h:outputText value="<br/><br/>" escape="false"/>

               	 <h:commandButton value="Login" action="#{loginController.login}"/>

                </h:panelGrid>
                
                <h:outputText value="<br/><br/>" escape="false"/>
                
                <h:panelGrid columns="2">
                   <h:outputText value="Don't have an Ochnas Account?"/>
                   <h:commandLink action="#{loginController.newAccount}">
                   		<h:outputText value="Create a new account."/>
                   </h:commandLink>
                 </h:panelGrid>
             </h:form>
          </body>
       </f:view>
    </html>